<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" href="../images/logo.ico">
    <title>江西泰豪动漫学院</title>
    <!-- Bootstrap 核心CSS -->
    <link rel="stylesheet" href="../bootstarp/bootstrap.min.css">
    <link rel="stylesheet" href="./major.css">
    <style>
        body {
            padding-top: 5rem;
            padding-bottom: 3rem;
            color: #5a5a5a;
        }
    </style>

<body>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#"><img src="../images/logo.ico" alt="">&nbsp;&nbsp;江西泰豪动漫职业学院</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
            aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span
                class="navbar-toggler-icon"></span> </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto ml-li-3">
                <li class="nav-item ml-5  ">
                    <a class="nav-link " href="#">学院概况</a>
                </li>
                <li class="nav-item ml-5  dropdown">
                    <a class="nav-link dropdown-toggle " href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        招生与资助
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">助学贷款</a>
                        <a class="dropdown-item" href="#">国家奖学金</a>
                        <div class="dropdown-item">国家助学金</div>
                    </div>
                </li>
                <li class="nav-item ml-5  dropdown">
                    <a class="nav-link active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"
                        aria-haspopup="true" aria-expanded="false">
                        学部与系部
                    </a>

                </li>
                <li class="nav-item ml-5  dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        教学教研
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">教师风采</a>
                        <a class="dropdown-item" href="#">慕课</a>
                        <div class="dropdown-divider">课表查询</div>
                        <a class="dropdown-item" href="#">证书验证</a>
                    </div>
                </li>
                <li class="nav-item ml-5  dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        合作交流
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" href="#">国际交流</a>
                        <a class="dropdown-item" href="#">港澳台交流</a>
                        <a class="dropdown-item" href="#">内地合作</a>
                    </div>
                </li>

                <li class="nav-item ml-5"> <a class="nav-link" href="#">校园生活</a> </li>
            </ul>
            <form class="form-inline mt-2 mt-md-0">
                <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
            </form>
        </div>
    </nav>
    <div class="container ">
        <div class="clo">
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">动画与数字艺术系专业简介</h4>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>影视动画:VR场景设计</li>
                        <li>影视动画:影视特效</li>
                        <li>动漫制作技术</li>
                    </ul>
                </div>
            </div>
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">虚拟现实与游戏系专业</h4>
                </div>
                <div class="card-body">

                    <ul class="list-unstyled mt-3 mb-4">
                        <li>计算机应用技术</li>
                        <li>软件技术</li>
                        <li>移动互联应用技术</li>
                        <li>云计算技术与应用</li>
                        <li>游戏设计</li>
                        <li>虚拟现实应用技术</li>
                    </ul>
                </div>
            </div>
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">智能科学与技术系专业</h4>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>机电一体
                            化技术</li>
                        <li>电子信息
                            工程技术
                            （智慧城
                            市方向）</li>
                        <li>建设工程
                            管理
                        </li>
                        <li>计算机应
                            用技术
                            （智能技
                            术方向）</li>
                        <li>广播电视
                            技术</li>
                    </ul>
                    <div>
                    </div>
                </div>
            </div>
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">创意与艺术设计系专业简介</h4>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>动漫制作
                            技术</li>
                        <li>环境艺术
                            设计</li>
                        <li>数字媒体
                            艺术设计</li>
                        <li>艺术设计</li>
                    </ul>
                </div>
            </div>
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">音乐与影视艺术系专业</h4>
                </div>
                <div class="card-body">

                    <ul class="list-unstyled mt-3 mb-4">
                        <li>表演艺术</li>
                        <li>摄影摄像技术</li>
                        <li>播音与主持</li>
                        <li>录音技术与艺术</li>
                        <li>影视编导</li>
                        <li>空中乘务</li>
                    </ul>
                </div>
            </div>
            <div class="card mb-4 box-shadow">
                <div class="card-header">
                    <h4 class="my-0 font-weight-normal">网络经济与管理系专业</h4>
                </div>
                <div class="card-body">
                    <ul class="list-unstyled mt-3 mb-4">
                        <li>市场营销</li>
                        <li>电子商务</li>
                        <li>财务管理</li>
                        <li>国际经济与贸易</li>
                        <li>传播与策划</li>
                        
                    </ul>
                    <div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class=" py-5 text-center bg-dark">
        <div class="row">
            <div class="col-6 col-md">
                <h5>学校概况</h5>
                <ul class="list-unstyled text-small">
                    <li><a class="text-muted" href="#">招生资助</a></li>
                    <li><a class="text-muted" href="#">院系设置</a></li>
                    <li><a class="text-muted" href="#">教育教学</a></li>
                    <li><a class="text-muted" href="#">合作交流</a></li>
                    <li><a class="text-muted" href="#">校园生活</a></li>
                </ul>
            </div>
            <div class="col-6 col-md">
                <div class="mt-5"> <img src="../images/logo2.png" alt="" style=""></div>

            </div>

            <div class="col-6 col-md">
                <h5>关于我们</h5>
                <ul class="list-unstyled text-small">
                    <li><a class="text-muted" href="#">新浪微博公众号</a></li>
                    <li><a class="text-muted" href="#">微信公众号</a></li>
                    <li><a class="text-muted" href="#">QQ公众号</a></li>
                    <li><a class="text-muted" href="#">人人网公众号</a></li>
                </ul>
            </div>
        </div>
    </footer>
    <script src="../bootstarp/jquery-3.2.1.slim.min.js"></script>
    <script src="../bootstarp/popper.min.js"></script>
    <script src="../bootstarp/bootstrap.min.js"></script>
    <!-- 下面是JS图像占位符，不要用于生产环境! -->
    <script src="../bootstarp/holder.min.js"></script>
</body>

</html>